<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ include file="../../include/admincontent.jsp" %>
<div id="location">当前位置：招聘实施管理 > 面试批次管理</div>
<div id="Content">
    <div class="tabbar">
        <a href="/Do/MS/msbatch">面试批次</a>
        <a class="current">批次人员</a>
        <a href="/Do/MS/msenclosure" id="btn_msenclosure" style="display: none">批次附件</a>
    </div>
    <!-- 筛选条件 -->
    <div id="searchbox">
        <form id="searchform">
        <table class="treeTable searchform">
            <thead>
            <tr>
                <td width="60">批次号：</td>
                <td width="200">
                    <div><input type="text" name="mspch" id="mspch"></div>
                </td>
                <td width="60">面试地点：</td>
                <td width="200">
                    <div><input type="text" name="msaddress"></div>
                </td>
                <td width="60">面试时间：</td>
                <td width="200">
                    <div><input type="text" name="msstarttime"></div>
                </td>

                <td width="60">
                    面试方案:
                </td>
                <td width="150px"><div><input type="text" name="pname" id="pname" /></div></td>
                <td></td>
            </tr>
            <tr>
                <td width="60">身份证号：</td>
                <td width="200">
                    <div><input type="text" name="ucardno"></div>
                </td>
                <td width="60">姓名：</td>
                <td width="200">
                    <div><input type="text" name="uname"></div>
                </td>
                <td width="60">面试岗位：</td>
                <td width="200">
                    <div><input type="text" name="jname" id="jname"></div>
                </td>

                <td colspan="2">
                    <div style="display: flex" class="toolbars">
                      <%--  <span><button id="searchbtn" type="button" class="search" title="查询" style="flex: 1;margin-left: 70px;" ><em class="ico16 search_16"></em>搜索</button></span>
                        <span><button id="clearbtn" type="reset" class="del" title="清除" style="flex: 1;margin-left: 15px;"><em class="ico16 refresh_16"></em>重置</button></span>--%>
                          <a id="searchbtn" >
                              <em class="ico16 search_16"></em>
                              <span class="menu_span" title="查询">查询</span>
                          </a>
                          <a id="searchreset">
                              <em class="ico16 refresh_16"></em>
                              <span class="menu_span" title="重置">重置</span>
                          </a>
                    </div>
                </td>
                <td>

                </td>
            </tr>
            </thead>
        </table>
        </form>
    </div>

<%--    <table class="treeTable" id="tablelist">--%>
<%--        <thead>--%>
<%--        <tr>--%>
<%--            <td width="20"><input type="checkbox" class="allcheckbox" title="选择全部/取消全选"/></td>--%>
<%--            <td width="30">序号</td>--%>
<%--            <td width="80">姓名</td>--%>
<%--            <td width="80">身份证号</td>--%>
<%--            <td width="80">联系方式</td>--%>
<%--            <td width="150">毕业学校</td>--%>
<%--            <td width="150">所学专业</td>--%>
<%--            <td width="80">学历</td>--%>
<%--            <td width="100">面试时间</td>--%>
<%--            <td>面试地点</td>--%>
<%--            <td  width="100">面试岗位</td>--%>
<%--            <td width="60">确认状态</td>--%>
<%--            <td width="100">确认时间</td>--%>
<%--        </tr>--%>
<%--        </thead>--%>
<%--        <tbody id="result"></tbody>--%>
<%--    </table>--%>
<%--    <div id="page"></div>--%>
</div>
<div style="overflow:hidden;">
    <div id="div_table" style="bottom: 0px">
        <table class="layui-hide" id="table" lay-filter="msbatchuserTable"></table>
    </div>
</div>
<script type="text/javascript">
    $(document).ready(function () {

        layui.use('table', () => {
            let table = layui.table;
            table.render({
                id: 'table'
                , elem: '#table'
                , height: 'full'
                , url: '/Do/MS/queryMsBatchUserJson?' + $("#searchform").serialize()//数据接口
                , title: '用户表'
                , page: true //开启分页
                , cols: [[ //表头
                    {type: 'checkbox', fixed: 'left', width: 50}
                    , {type: 'numbers', title: '序号', width: '9%', sort: true}
                    , {field: '1', title: '姓名', width: '9%', sort: true}
                    , {field: '2', title: '身份证号', width: '9%', sort: true}
                    , {field: '3', title: '联系方式', width: '9%', sort: true}
                    , {field: '4', title: '毕业学校', width: '9%', sort: true}
                    , {field: '5', title: '所学专业', width: '9%', sort: true}
                    , {field: '6', title: '学历', width: '9%', sort: true}
                    , {field: '7', title: '面试时间', width: '9%', sort: true}
                    , {field: '8', title: '面试地点', width: '9%', sort: true}
                    , {field: '9', title: '面试岗位', width: '9%', sort: true}
                    , {field: '10', title: '确认状态', width: '9%', sort: true}
                    , {field: '11', title: '确认时间', width: '9%', sort: true}
                ]]
            });
            reload = () => {
                table.reload('table');
            }
            document.tablereload = reload;
            $("#searchbtn").on('click', () => {
                table.reload('table', {
                    url: '/Do/MS/queryMsBatchUserJson?' + $("#searchform").serialize()//数据接口
                    , page: {
                        curr: 1
                    }
                })
            })

            $("#searchreset").on('click', (e) => {
                document.getElementById("searchform").reset();
               // $("input[name='deptcode']").val("")
            });
        });

      //  $('#btn_msenclosure').hide();

        // $('#searchbtn').click(function () {
        //     getList();
        // });
        var  mspch=getQueryString("mspch");
        var  pname=getQueryString("pname");
        var  jname=getQueryString("jname");
        var  jid=getQueryString("jid");
        var  pid=getQueryString("pid");
        $("#mspch").val(mspch);
        $("#pname").val(pname);
        $("#jname").val(jname);
        $('#btn_msenclosure').click(function () {
            location.href="/Do/MS/msenclosure?mspch="+mspch+"&pid="+pid+"&pname="+pname+"&jid="+jid+"&jname="+jname;
        });
        $('#searchbtn').click();

    });

    function getQueryString(name) {
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
        var r = decodeURI(window.location.search).substr(1).match(reg);
        if (r != null) return unescape(r[2]); return null;
    }

    function getList() {
            $('#page').myPagination({
                cssStyle: "pagination",
                singleCheck:true,
                saveChecked:true,
                ajax: {
                    on: true,
                    param: $("#searchform").serialize(),
                    url: '/Do/MS/queryMsBatchUser',
                    dataType: 'html',
                    callback: function (data) {
                        $('#result').html(data);
                    }
                }
            });
    }
</script>
</body>
</html>